/*
 * @Author: qinruiguang
 * @LastEditors: qinruiguang
 * @Date: 2021-08-30 15:25:58
 * @LastEditTime: 2021-08-30 17:35:08
 */

var c = document.getElementById("myCanvas");
c.width = 800
c.height = 800
var ctx = c.getContext("2d");
//画椭圆
// ctx.beginPath();
// ctx.ellipse(190,100,50,100,0,0,Math.PI*2); // x y w h 
// ctx.strokeStyle = "redq";
let func = (q, d) => {
    ctx.moveTo(q, q);//起点
    ctx.lineTo(d, d); //结束
    // 创建渐变
    ctx.strokeStyle = "red";
    ctx.fillStyle = "red";
    ctx.moveTo(d, d - 7);
    ctx.lineTo(d, d);
    ctx.lineTo(d - 7, d);
    // ctx.lineTo(520,520);
    // ctx.fillStyle = "rgb(2,100,30)";
    ctx.fill();
    ctx.stroke();
}
func(100, 80)
